{% extends 'base.html' %}

{% block css %}
<link rel="stylesheet" href="../../ttpstatic/study/css/user.css" >
{% endblock css %}

{% block content %}
<div id="user-center">
  <h2>个人中心</h2>
  <div class="flex-row-start">
    <div id="left-nav">
      <ul>
        {% if 'usercenter' in request.path %}
          <li><a class="current" href="#">个人中心</a></li>
        {% else %} 
          <li><a href={% url 'study:userCenter' %}>个人中心</a></li>
        {% endif %}
        {% if '/user/course' in request.path %}
          <li><a class="current" href="#">我的课程</a></li>
        {% else %} 
          <li><a href={% url 'study:userCourse' %}>我的课程</a></li>
        {% endif %}
        {% if 'user/experiment' in request.path %}
          <li><a class="current" href="#">我的实验</a></li>
        {% else %} 
          <li><a href={% url 'study:userExperiment' %}>我的实验</a></li>
        {% endif %}
        {% if 'user/exam' in request.path %}
          <li><a class="current" href="#">我的考试</a></li>
        {% else %} 
          <li><a href={% url 'study:userExam' %}>我的考试</a></li>
        {% endif %}
        {% if 'study/exam' in request.path %}
          <li><a class="current" href="#">知识矩阵</a></li>
        {% else %} 
          <li><a href={% url 'study:exams' %}>知识矩阵</a></li>
        {% endif %}
          <li><a href={% url 'study:logout' %}>退出登录</a></li>
      </ul>
    </div>
    <div id='user-center-con'>
      {% block userCenter %}
      {% endblock %}
    </div>
  </div>
</div>

{% endblock content %}